// 主内容区域样式
.main-content {
    .content-tabs {
        background: $frame-content-tab-bgcolor;
        border-bottom: 1px solid $frame-content-tab-bdcolor;
        .roll-nav {
            color: $frame-content-tab-rollbar-color;
            background: inherit;
        }

        .roll-nav:hover {
            background: $frame-content-tab-rollbar-hover-color;
        }

        .roll-left {
            border-right: solid 1px $frame-content-tab-rollbar-bdcolor;
        }

        .roll-right {
            border-left: solid 1px $frame-content-tab-rollbar-bdcolor;
        }

        .page-tabs {
            .page-tabs-content {
                .menuTab {
                    color: $frame-content-tab-pagebar-color;
                    border-right: solid 1px $frame-content-tab-pagebar-bdcolor;

                    i {
                        color: $frame-content-tab-pagebar-icon-color;
                        &:hover{
                            color: $frame-content-tab-pagebar-active-color;
                        }
                    }

                    &:hover {
                        background: $frame-content-tab-pagebar-hover-bgcolor;
                    }

                    &.active {
                        background: $frame-content-tab-pagebar-active-bgcolor;
                        color: $frame-content-tab-pagebar-active-color;
                    }
                }

            }

        }
    }
}

